<template>
    <article>
        <Slider :items="items" :cname="$style.slider"></Slider>
    </article>
</template>

<script>
import Slider from "../core/slider.vue";

export default {
  components: {
    Slider
  },
  data() {
    return {
      items: [
        {
          href: "ious",
          src:
            "//img12.360buyimg.com/jrpmobile/jfs/t8491/303/504628479/60643/100648de/59a94358N92475fca.jpg?width=750&height=320"
        },
        {
          href: "home",
          src:
            "//img12.360buyimg.com/jrpmobile/jfs/t8437/321/1758527686/40952/f66d552f/59bf1f41N50d846f9.jpg?width=750&height=320"
        }
      ]
    };
  }
};
</script>

<style lang="scss" module>
@import "../../css//element.scss";
.slider {
  margin-top: 120px;
  img {
    width: 100%;
  }
}
.list {
  @include list(row);
  background: #ffffff;
  padding: 20px 0;
  justify-content: space-around;
  a {
    text-decoration: none;
  }
  .item {
    text-align: center;
    img {
      display: inline-block;
      width: 90px;
      height: 90px;
    }
    h4 {
      font-size: 26px;
      margin-top: 12px;
      color: #666;
    }
  }
}
</style>
